extends ./layout/default_layout
block container
  #myPublic
    .menuwrapper
      .menu
        .tip 99
        .btn.active 消息动态
        .btn  发布内容
    .pages
      .page.show
        .message
          .senderinfo
            img.sender
            span.senderName 路飞
            time 刚刚
          .content 1.农夫在果园裸睡，被笑声惊醒，原来……一只猴子站在面前狂笑不止，农夫莫名其妙的问：“你笑什么?”猴子说：“我吃了一辈子水果，第一次看到香蕉和荔枝长在一起。”2.三人吹牛比谁老婆最瘦。阿呆：“我老婆围巾能当衣服穿。”阿瓜不服：“我老婆洗澡不小心能掉进下水道。”小明慢条斯理：“我老婆吞颗杏仁。
          .commentedItem
            img.cover
            .detail
              .commentedTitle 晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松松奇谈晓松
              .des 《晓松奇谈》为一档周播文化类脱口秀节目，互联网脱口秀第当衣服穿。”阿瓜不服：“我老婆洗澡不小心能掉进下水道。”小明慢条斯理：“我老婆吞颗杏仁。
        .message
          .senderinfo
            img.sender
            span.senderName 路飞
            time 刚刚
          .content 1.农夫在果园裸睡，被笑声惊醒，原来……一只猴子站在面前狂笑不止，
          .commentedItem
            img.cover
            .detail
              .commentedTitle 晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松奇谈晓松松奇谈晓松
              .des 《晓松奇谈》为一档周播文化类脱口秀节目，互联网脱口秀第当衣服穿。”阿瓜不服：“我老婆洗澡不小心能掉进下水道。”小明慢条斯理：“我老婆吞颗杏仁。
      .page
        .bar
          button.baractive 全部
          button 视频
          button 音频
          button 文章
        .barpages
          .barpage.barshow
            .item
              img.avatar
              .typeicon.audiotype
              .infoBox
                .title 晓松奇谈
                .user
                  span.userName 索隆
                  time 17/01/15
                .iconBox
                  span.audio 6个音频
                  span.follow 45
                  span.star 32
            .item
              img.avatar
              .typeicon.videotype
              .infoBox
                .title 晓松奇谈晓松奇谈之聊斋志异鬼狐3媚娘芊芊异鬼狐3媚娘芊芊
                .user
                  span.userName 索隆
                  time 17/01/15
                .iconBox
                  span.video 6个音频
                  span.follow 45
                  span.star 32
            .item
              img.avatar
              .infoBox
                .title 晓松奇谈
                .user
                  span.userName 索隆
                  time 17/01/15
                .iconBox
                  span.article 6个篇文章
                  span.follow 45
                  span.star 32
          .barpage
            img.nocontent(src="../images/noPublic.png")
          .barpage
            .item
              img.avatar
              .typeicon.videotype
              .infoBox
                .title 晓松奇谈晓松奇谈之聊斋志异鬼狐3媚娘芊芊异鬼狐3媚娘芊芊
                .user
                  span.userName 索隆
                  time 17/01/15
                .iconBox
                  span.video 6个音频
                  span.follow 45
                  span.star 32

          .barpage
            .item
              img.avatar
              .infoBox
                .title 晓松奇谈
                .user
                  span.userName 索隆
                  time 17/01/15
                .iconBox
                  span.article 6个篇文章
                  span.follow 45
                  span.star 32

  block script
    script.
      $(function () {
        var btn = $('.btn'),
                page = $('.page');
        $.each(btn, function (index) {
          $(this).on('click', function () {
            btn.removeClass('active').eq(index).addClass('active');
            page.removeClass('show').eq(index).addClass('show');
          })
        })

        var barbtn = $('.bar button'),
            barpage = $('.barpage');
        $.each(barbtn, function (index) {
          $(this).on('click', function () {
            barbtn.removeClass('baractive').eq(index).addClass('baractive');
            barpage.removeClass('barshow').eq(index).addClass('barshow');
          })
        })
      })
